@import "main.less";
.illegal-detail{
  padding:30px;
  font-size: @big-font;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.06),0 1px 4px 0 rgba(0,0,0,.12);
  .msg{
    margin:20px 0;
  }
  .score{
    color: @red;
    font-size: @vb-font;
    margin:0 5px;
  }
}
.illegal-none{
  margin-top:20px;
  padding:50px 0;
  background: white;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.06),0 1px 4px 0 rgba(0,0,0,.12);
  text-align: center;
  .back{
    width:150px;
    font-size: @vb-font;
    background: @blue;
    border:none;
    border-radius: 40px;
    margin:auto;
    margin-top:40px;
    padding:10px 0;
    color: white;
  }
}
.illegal-list{
  background: white;
  border:1px solid @gray;
  margin-top:26px;
  padding:0 0 20px 0;
  position: relative;
  &:hover{
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.06),0 1px 4px 0 rgba(0,0,0,.12);
  }
  .sum-title{
    font-size: 25px;
    border-bottom: 1px dashed @gray;
     padding:5px 10px;
  }
  .summary{
    padding:10px 20px;
    font-size: @mid-font;
  }
  .punish{
    z-index: 99;
    position: absolute;
    right: -2px;
    bottom: 3px;
    color: @red;
    transform:rotate(-30deg);
    text-align: center;
    padding-top:30px;
    &:before{
      position: absolute;
      content: "";
      width:100px;
      height: 100px;
      border: 5px solid @red;
      border-radius: 50%;
      right:-7px;
      top:12px;

    }
  }
}